
.component-mobile-add-or-update{
  .pop-mask {
    .popup {
      width: 590rpx;
      .title-box {
        position: relative;
        height: 90rpx;
        .title {
          position: absolute;
          top: 30rpx;
          left: 50%;
          transform: translate(-50%,0);
          font-size: 28rpx;
          font-weight: bold;
        }
        .close {
          position: absolute;
          top: 30rpx;
          right: 0;
          transform: translate(-50%,0);
          width: 36rpx;
          height: 36rpx;
          line-height: 32rpx;
          background-color: #F5F5F5;
          border-radius: 50%;
          font-size: 20rpx;
          text-align: center;
          color: #999999;
        }
        .close {
          .del-img{
          position: absolute;
          top: 50%;
          left: 50%;
          transform: translate(-50%,-50%);
          width: 14rpx;
          height: 14rpx;
          }
        }
      }
      .input-con {
        margin: auto;
        padding: 0 30rpx;
        width: 100%;
        border-radius: 4rpx;
        box-sizing: border-box;
        .placeholder-class{
          font-size: 28rpx;
        }
        .input {
          background: #F7F8FA;
          height: 64rpx;
          font-size: 24rpx;
          width: 100%;
          padding-left: 20rpx;
        }
        .placeholder-class {
          color: #999999;
          // font-size: 14rpx;
        }
        .code-right {
          width: 28rpx;
          height: 28rpx;
          margin-right: 20rpx;
        }
        .title {
          font-size: 28rpx;
          font-weight: bold;
          margin-bottom: 30rpx;
          .star {
            color: #FD4171;
            margin-right: 10rpx;
          }
        }
        .input-box {
          .get-code-btn {
            margin-right: 10rpx;
            color: #082BA6;
          }
          .tips {
            color: #f56c6c;
            font-size: 24rpx;
          }
          .mobile-input {
            position: relative;
            .suffixIcon {
              position: absolute;
              right: 0;
              top: 0;
              height: 100%;
              display: flex;
              align-items: center;
            }
          }
        }
      }
      .input-left {
        font-size: 28rpx;
        font-weight: 400;
        flex-basis: auto;
        white-space: nowrap;
      }
      .amount-input-con {
        margin-top: 30rpx;
      }
      .footer-btn {
        background: #082BA6;
        margin-top: 40rpx;
        width: calc(100% - 60rpx);
        height: 70rpx;
        text-align: center;
        font-size: 26rpx;
        color: #FFFFFF;
        padding: 14rpx 28rpx 12rpx;
        border: 2rpx solid #dddddd;
        border-radius: 70rpx;
        box-sizing: border-box;
        margin: 28rpx auto 60rpx;
      }
      .amount-footer {
        margin-top: 20rpx;
      }
      :deep(.modify-logistics) {
        .logistics{
          margin-top: 0;
        }
      }
    }
  }
}